@charset "UTF-8";

/* Fonts */
body{font: 76% Trebuchet MS, Arial, Helvetica, sans-serif}

h1{font-size: 2.4em}
h2{font-size: 1.8em}
h3{font-size: 1.4em}
h4{font-size: 1.2em}
h5{font-size: 1em}
h6{font-size: 0.85em} 

/*Line height*/
p, blockquote, pre, ol, dl, ul, form {line-height:1.5}

/* Margin and padding*/
html, body{ margin: 0;padding: 0}
h1, h2, h3, h4, h5, h6{ margin: 0em 0 0.2em}
form,fieldset, ol, ul, table, p{ margin-top: 0em;margin-bottom: 0em} 
li{margin:0;}
input,textarea{margin-top:1em;float:right;margin-right:1em}

body{
	background:#cccccc;
	margin:0;
	padding:0;
}


/***************** Div styles ****************/

#container{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:2%;
	background:#FFFFFF;
}

#header{
	width:100%;
	height:200px;
	background:#aaa;
}

#content{
	min-height:500px;
	padding:2em;
}

#footer{
	height:40px;
	background:green;
	clear:both;
}

#title{
	width:50%;
	float:left;
	height:100px;
	background:yellow;
}

/*************** Menu styles *********************/

#menu{
	float:right;
	width:40%;
	height:50px;
	background:red;
	
}

#menu ul{
	list-style:none;
	margin:1em;
	padding:0;
}

#menu ul li{
	display:inline;
	padding:0.5em;
}

#menu ul li a{
	color:white;
	text-decoration:none;
}

#menu ul li a:hover{
	color:blue;
}

.active{
	color:green !important;
}

